<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>发送公告</title>
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.css">
    <link rel="stylesheet" href="../plugins/zTree/metro.css" type="text/css">
</head>
<body>

<div class="box">
    <div class="box-body">
        <table id="mainDataTables" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th style="width:5%"><input onchange="$.checkChange()" type="checkbox" id="batch_check"></th>
                <th style="width:10%">序号</th>
                <th style="width:55%">标题</th>
                <th style="width:15%">发送时间</th>
                <th style="width:15%">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<!-- 信息展示modal -->
<div class="modal fade" id="showInfoModal" tabindex="-1" role="dialog"
     aria-labelledby="groupInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" id="dialog">
        <div class="modal-content" id="content" style="width: 600px">
            <div class="modal-header" id="header">
                <label class="modal-title">公告内容</label>
                <button type="button" title="全屏" class="btn btn-default btn-xs" onclick="$.fullShowModal()"
                        style="float: right; margin-top: -5px;">
                    <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
                </button>
            </div>
            <div class="modal-body row" id="body"
                 style="height: 400px; width: 610px; overflow: auto;">
                <div class="col-sm-12" style="text-align:center;margin-top: -7px">
                    <span id="showNoticeTitle" style="font-size: 19px;font-weight:bold;"></span>
                </div>
                <div class="col-sm-12">
                    <hr style="margin-top: 10px;margin-bottom: 10px"/>
                </div>
                <div class="col-sm-12" style="text-align: center">
                    <span style="color: #619e9f; font-size: 14px">发件人：</span>
                    <span id="showSendName" style="margin-right: 60px;font-size: 14px"></span>
                    <span style="color: #619e9f">时间：</span>
                    <span id="showNoticeTime" style="font-size: 14px"></span>
                </div>
                <div class="col-sm-12">
                    <hr style="margin-top: 10px;margin-bottom: 10px"/>
                </div>
                <div class="col-sm-12">
                    <p id="showNoticeContent" style="margin-left:10px; overflow:auto; font-size: 16px;min-height: 97px"></p>
                </div>
                <div class="col-sm-12">
                    <hr style="margin-top: 10px;margin-bottom: 10px"/>
                </div>
                <div class="col-sm-12" >
                    <span style="color: #619e9f;font-size: 14px">收件公司：</span>
                    <span id="sendedOrg" style="font-size: 14px"></span>
                </div>
            </div>
            <div class="modal-footer" id="footer">
                <button type="button" class="btn btn-primary" onclick='$.closeShowModal()'>
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 关闭
                </button>
            </div>
        </div>
    </div>
</div>

<div id="noticeInfoModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="$.closeNotice()">
                    <span aria-hidden="true">&times;</span></button>
                <b class="modal-title" id="noticeInfoModalLabel"></b>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-9">
                        <form>
                            <label>消息标题</label>
                            <input type="text" class="form-control" name="noticeTitle" id="noticeTitle"/>
                            <label style="margin-top: 20px">消息内容</label>
                            <textarea id="textId" class="textarea" placeholder="请输入..."
                                      style="width: 100%; height: 200px; font-size: 14px;
                                      line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                            </textarea>
                        </form>
                    </div>
                    <div class="col-md-3">
                        <label>发送对象</label>
                        <div class="zTreeDemoBackground left">
                            <ul id="treeDemo" class="ztree"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left btn-flat" onclick="$.closeNotice();">
                    <span class="glyphicon glyphicon-remove" ></span> 关闭
                </button>
                <button type="button" class="btn btn-primary btn-flat" onclick="$.sendNotice()">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 保存
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="upPhotoModal" tabindex="-1" role="dialog"
     aria-labelledby="upPhotoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <label class="modal-title" id="upPhotoModalLabel"></label>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="$.closeUpPhModal()"
                        style="float:right;margin-top: -5px;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body row">

                <div id="container" class="col-sm-12">
                    <a id="selectfiles" href="javascript:void(0);" class='btn btn-primary'><span
                            class='glyphicon glyphicon-picture'></span> 选择图片</a>
                    <a id="postfiles" href="javascript:void(0);" class='btn btn-success'><span
                            class='glyphicon glyphicon-send'></span> 开始上传</a>
                </div>
                <div id="ossfile" class="col-sm-12" style="margin-top:20px;">

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" onclick="$.closeUpPhModal()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    取消
                </button>
                <button type="button" class="btn btn-success" onclick="$.doneUpPhoto()">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                    完成
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../plugins/oss-h5-upload-js-direct/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/crypto/crypto.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/hmac/hmac.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/sha1/sha1.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/base64.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/upload.js"></script>
<script src="../plugins/fastclick/fastclick.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.js"></script>
<script src="../plugins/zTree/jquery.ztree.all-3.5.min.js"></script>
<script src="notice/noticeAdd.js"></script>
</body>
</html>